<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="./index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <header>
        <h1>同城旅游用户注册界面</h1>
    </header>
    <section class="regist-section">
        <div class="item">
              <label>手机号码：</label>
              <input type="text" placeholder="请填写手机号码">
        </div>
        <div class="item">
            <label>登录密码：</label>
            <input type="password" placeholder="请填写登录密码">
        </div>
        <div class="item">
            <label>确认密码</label>
            <input type="password" placeholder="请确认密码">
        </div>
        <div class="item">
            <label>验证码</label>
            <input type="text" class="validate-input">
            <img src="./img/inde.png" alt="验证码图片">
            <a href="#">换一张</a>
        </div>
        <div class="protcol">
                <input type="checkbox"><span>我有同城旅游合作联名卡</span>

        </div>
        <div class="protcol">
             <input type="checkbox"><span>我已阅读并同意</span>
                <a href="#">同意旅游服务条款</a>
        </div>
        <div class="btn-regist">同意条款并注册</div>

    </section>
    <footer>
         CopyRight 2016 trip.com
    </footer>
    
</body>
</html>